let pus = document.getElementById('pus');
let all = document.getElementById('all');
let launch = document.getElementById('launch');
let reveal = document.getElementById('reveal');
let myIndex = document.getElementById('myIndex');
let myPic = document.getElementById('myPic');
let myDraft = document.getElementById('myDraft');
let showTip = document.getElementById('showTip');
let showSearch = document.getElementById('showSearch');
pus.addEventListener('click', function() {
    document.getElementById('showPic').style.display = 'none';
    launch.style.display = "block";
    reveal.style.display = "none";
})
document.getElementById('torev').addEventListener('click', function() {
    document.getElementById('draft').style.display = 'none';
    document.getElementById('centerMy').style.display = 'block';
})
document.getElementById('tosub').addEventListener('click', function() {
    document.getElementById('draft').style.display = 'none';
    document.getElementById('centerMy').style.display = 'block';
    reveal.style.display = "none";
    launch.style.display = "block";
})
myIndex.addEventListener('click', function() {
    document.getElementById('centerMy').style.display = 'block';
    document.getElementById('album').style.display = 'none';
    document.getElementById('draft').style.display = 'none';
    document.getElementById('AlDetails').style.display = 'none';
    document.getElementById('showPic').style.display = 'none';

    launch.style.display = "none";
    reveal.style.display = "block";
    showTip.style.display = 'none';

})
myPic.addEventListener('click', function() {
    document.getElementById('centerMy').style.display = 'none';
    document.getElementById('album').style.display = 'block';
    document.getElementById('draft').style.display = 'none';
    showTip.style.display = 'none';
})
myDraft.addEventListener('click', function() {
    document.getElementById('centerMy').style.display = 'none';
    document.getElementById('album').style.display = 'none';
    document.getElementById('draft').style.display = 'block';
    document.getElementById('AlDetails').style.display = 'none';
    document.getElementById('showPic').style.display = 'none';

    showTip.style.display = 'none';
})
document.getElementById('all').addEventListener('click', function() {
    document.getElementById('reveal').style.display = 'block';
    document.getElementById('launch').style.display = 'none';
    document.getElementById('show').style.display = 'none';
    showTip.style.display = 'none';
    showSearch.style.display = 'none';
    document.getElementById('showPic').style.display = 'none';

})
document.getElementById('pus').addEventListener('click', function() {
    document.getElementById('reveal').style.display = 'none';
    document.getElementById('launch').style.display = 'block';
    document.getElementById('show').style.display = 'none';
    showTip.style.display = 'none';
    showSearch.style.display = 'none';
})
document.getElementById('more').addEventListener('click', function() {
    document.getElementById('reveal').style.display = 'none';
    document.getElementById('launch').style.display = 'none';
    document.getElementById('show').style.display = 'none';
    // document.getElementById('show').style.padding = '0';
    showTip.style.display = 'block';
    showSearch.style.display = 'none';
    document.getElementById('showPic').style.display = 'none';


})
document.getElementById('toall').addEventListener('click', function() {
    document.getElementById('reveal').style.display = 'block';
    document.getElementById('launch').style.display = 'none';
    document.getElementById('show').style.display = 'none';
    document.getElementById('showPic').style.display = 'none';
    showTip.style.display = 'none';
    showSearch.style.display = 'none';
})
document.getElementById('search').addEventListener('click', function() {
    document.getElementById('reveal').style.display = 'none';
    document.getElementById('launch').style.display = 'none';
    document.getElementById('show').style.display = 'none';
    showSearch.style.display = 'block';
    showTip.style.display = 'none';
    document.getElementById('showPic').style.display = 'none';

})